<template>
	<view class="box">
		<view class="navbar">
			<!-- 2.0.19支持autoBack，默认为false -->
			<u-navbar title="用车申请审批" @rightClick="rightClick" :autoBack="true" :bgColor="bgColor">
			</u-navbar>
		</view>
		<view class="container">
			<view class="k">
				<u-search shape="square" class="custom-search" inputAlign="right" label="申请人" searchIcon=""
					:showAction="false" placeholder="">
				</u-search>
			</view>
			<view class="k">
				<u-search shape="square" class="custom-search" inputAlign="right" label="申请部门" searchIcon=""
					:showAction="false" placeholder="">
				</u-search>
			</view>
			
			<u--textarea v-model="value2" placeholder="用车事由" count class="t" height="100px"></u--textarea>

			<view class="k">
				<u-search shape="square" class="custom-search" inputAlign="right" label="始发地点" searchIcon=""
					:showAction="false" placeholder="">
				</u-search>
			</view>
			<view class="k">
				<u-search shape="square" class="custom-search" inputAlign="right" label="返回地点" searchIcon=""
					:showAction="false" placeholder="">
				</u-search>
			</view>
			<view class="k">
				<u-search shape="square" class="custom-search" inputAlign="right" label="用车时间" searchIcon=""
					:showAction="false" placeholder="">
				</u-search>
			</view>
			<view class="k">
				<u-search shape="square" class="custom-search" inputAlign="right" label="返回时间" searchIcon=""
					:showAction="false" placeholder="">
				</u-search>
			</view>
			<view class="k">
				<u-search shape="square" class="custom-search" inputAlign="right" label="车辆类型" searchIcon=""
					:showAction="false" placeholder="">
				</u-search>
			</view>
			<view class="k">
				<u-search shape="square" class="custom-search" inputAlign="right" label="车牌号" searchIcon=""
					:showAction="false" placeholder="">
				</u-search>
			</view>
			<u--textarea v-model="value2" placeholder="审批回复" count height="100px" class="t"></u--textarea>
			<button>申请</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				bgColor: 'rgb(233, 253, 251)',
				value: '',
			};
		},
		methods: {
			change(e) {
				console.log('change', e);
			}
		}
	}
</script>

<style lang="scss" scoped>
	.box {
		background-color: rgb(216, 216, 216);

		.navbar {
			height: 50px;
		}

		.container {
			display: flex;
			padding: 10px;
			flex-direction: column;

			.k {
				margin-bottom: 20px;
			}
			
			.t{
				margin-bottom: 20px;
			}

			.custom-search {
				margin: 20rpx;
			}
			
			button{
				color:white;
				padding: 10px;
				width: 100%;
				background-color: rgb(47, 76, 93)
			}
		}
	}
</style>